<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>驾考视频
    </title>
    <link rel="stylesheet" href="css/fore/order.css">
    <link rel="stylesheet" href="css/fore/index.css">
    <script src="js/jquery/2.0.0/jquery.min.js"></script>
    <link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
    <script src="js/bootstrap/3.3.6/bootstrap.min.js"></script>
    <script src="js/vue.min.js"></script>
    <script src="js/fetch.min.js"></script>
    <script src="js/axios.min.js"></script>
    <style>
        .sub {
            text-align: center;
            width: 100%;
            height: 25px;
            color: black;
            font-size: 25px;
        }

        .are {
            width: 100%;
            height: 700px;

        }

        .line {
            width: 1300px;
            height: 2px;
            margin-top: 8px;
            margin-left: 100px;
            background-color: darkblue;
        }
    </style>
</head>
<body>
<div class="header">
    <div class="top">
        <div class="top-logo fl">
            <a id="logo" href="index.html"><img src="img/car-logo.png" alt="" class="fl"
                                                style="margin-top: 20px;width: 45px"><span
                    class="top-logo-text">练车预约系统</span></a>
        </div>
    </div>
    <div class="header-nav">
        <ul id="nav-list">
            <li class="nav-list-li"><a href="index.html">首页</a></li>
            <li class="nav-list-li"><a href="selectcoach.html">明星教练</a></li>
            <li class="nav-list-li"><a href="testorder.html">考试报名</a></li>
            <li class="nav-list-li"><a href="order.html">练车预约</a></li>
            <li class="nav-list-li"><a href="teachingvideo.html">驾考视频</a></li>
            <li class="nav-list-li"><a href="register.html">驾校报名</a></li>
        </ul>
    </div>
</div>
<div class="are">
    <div class="sub">科目二</div>
    <div class="line"></div>
    <div style="width:250px;height:300px;margin-left:100px;margin-top: 20px;float: left;"><a href="video.html">
        <video src="video/teachingvideo.mp4  " style="padding-top: 0%" width="250px" height="250px" controls>
            浏览器不支持video
        </video>
        <span style="color: black;margin-left: 80px;"> 倒车入库</span><br>
        <span style="color: gray;"> 倒车入库踩线技巧在线学习(科二目考试重点)</span></a>
    </div>
    <div style="width:250px;height:300px;margin-left:100px;margin-top: 20px; float:left"><a href="video.html">
        <video src="video/teachingvideo.mp4  " style="padding-top: 0%" width="250px" height="250px" controls>
            浏览器不支持video
        </video>
        <span style="color: black;margin-left: 80px;"> 坡道定点停车和起步</span><br>
        <span style="color: gray;"> 准确地判断停车位置；协调运用加速踏板、驻车制动器和离合器，平稳起步</span></a>
    </div>
    <div style="width:250px;height:300px;margin-left:100px;margin-top: 20px; float:left"><a href="video.html">
        <video src="video/teachingvideo.mp4  " style="padding-top: 0%" width="250px" height="250px" controls>
            浏览器不支持video
        </video>
        <span style="color: black;margin-left: 80px;"> 侧方停车</span><br>
        <span style="color: gray;"> 在运动中操纵车辆正确停入道路右侧车位（库）</span></a>
    </div>
    <div style="width:250px;height:300px;margin-left:100px;margin-top: 20px; float:left"><a href="video.html">
        <video src="video/teachingvideo.mp4  " style="padding-top: 0%" width="250px" height="250px" controls>
            浏览器不支持video
        </video>
        <span style="color: black;margin-left: 80px;"> 曲线行驶</span><br>
        <span style="color: gray;"> 在运动中操纵转向装置，控制车辆曲线行驶</span></a>
    </div>
    <div style="width:250px;height:300px;margin-left:100px;margin-top: 20px; float:left"><a href="video.html">
        <video src="video/teachingvideo.mp4  " style="padding-top: 0%" width="250px" height="250px" controls>
            浏览器不支持video
        </video>
        <span style="color: black;margin-left: 80px;"> 直角转弯</span><br>
        <span style="color: gray;"> 在运动中正确操纵转向装置，准确判断内外轮差</span></a>
    </div>

    <div>


    </div>
</div>
<div class="are">
    <div class="sub">科目三</div>
    <div class="line"></div>
    <div style="width:250px;height:300px;margin-left:100px;margin-top: 20px; float:left"><a href="video.html">
        <video src="video/teachingvideo.mp4  " style="padding-top: 0%" width="250px" height="250px" controls>
            浏览器不支持video
        </video>
        <span style="color: black;margin-left: 80px;"> 变车道</span><br>
        <span style="color: gray;"> 变车道踩线技巧在线学习(科三目考试重点)</span></a>
    </div>
    <div style="width:250px;height:300px;margin-left:100px;margin-top: 20px; float:left"><a href="video.html">
        <video src="video/teachingvideo.mp4  " style="padding-top: 0%" width="250px" height="250px" controls>
            浏览器不支持video
        </video>
        <span style="color: black;margin-left: 80px;"> 直线行驶</span><br>
        <span style="color: gray;"> 保持车辆直线运行</span></a>
    </div>
    <div style="width:250px;height:300px;margin-left:100px;margin-top: 20px; float:left"><a href="video.html">
        <video src="video/teachingvideo.mp4  " style="padding-top: 0%" width="250px" height="250px" controls>
            浏览器不支持video
        </video>
        <span style="color: black;margin-left: 80px;">加减挡位操作</span><br>
        <span style="color: gray;">按指令平稳加、减挡</span></a>
    </div>
    <div style="width:250px;height:300px;margin-left:100px;margin-top: 20px; float:left"><a href="video.html">
        <video src="video/teachingvideo.mp4  " style="padding-top: 0%" width="250px" height="250px" controls>
            浏览器不支持video
        </video>
        <span style="color: black;margin-left: 80px;"> 靠边停车</span><br>
        <span style="color: gray;"> 停车前，通过内、外后视镜观察后方和右侧交通情况</span></a>
    </div>
    <div style="width:250px;height:300px;margin-left:100px;margin-top: 20px; float:left"><a href="video.html">
        <video src="video/teachingvideo.mp4  " style="padding-top: 0%" width="250px" height="250px" controls>
            浏览器不支持video
        </video>
        <span style="color: black;margin-left: 80px;">直行通过路口</span><br>
        <span style="color: gray;"> 按规定减速或停车瞭望</span></a>
    </div>
    <div style="width:250px;height:300px;margin-left:100px;margin-top: 20px; float:left"><a href="video.html">
        <video src="video/teachingvideo.mp4  " style="padding-top: 0%" width="250px" height="250px" controls>
            浏览器不支持video
        </video>
        <span style="color: black;margin-left: 80px;">转弯</span><br>
        <span style="color: gray;">观察左、右方交通情况，转弯通过路口时，观察侧前方交通情况</span></a>
    </div>
</div>

</body>
</html>